<div style="height: 30px;margin-left: 10px">
    <div class='item1'style="text-align:center;height: 30px;width: 200px;float: left;border-bottom:3px solid gainsboro">各地岗位需求量对比</div>
    <div class='item2' style="text-align:center;height: 30px;width: 300px;float: left;margin-left: 30px">北上广深和成都杭州各个地区岗位需求量</div>
</div>
<div class="view"></div>
<div>
    <h3>分析结果</h3>
<div>从图表可看出，北京和上海这两个城市对于数据分析岗位的需求量远超其他城市，这与其经济发展好，人流量大有着正相关的关系，作为我国首都以及一线</div>
<div>城市，在这里有着大量外国与外地人士流动，这促使了经济的全面发展，市场更新迭代的速度加快，这也促使数据分析岗的需求量远大于其他城市。</div>
<div>深圳对于该岗位的需求量仅次于北京、上海，超过广州位居第三名，深圳作为新兴城市，发展速度令人咋舌，相比较于北上广这些老牌城市，深圳有着“新”</div>
<div>的优点，在深圳就职该岗位的发展前景好。</div>
<div>选取前需求量排行前九名的城市进行查看其具体数据，可看到需求量的区分布</div>
<div>2.江浙沪地区经济发展好，互联网发展好，且有集群效应，这一带对于改该岗位需求量大。</div>
</div>

<script>
$.ajax({
    url:"{{ url_for('view2_1') }}",
    success:function (res) {
        $('.view').html(res)
    }
})


$('.item1').click(function () {
    $('.item1').css('border-bottom','3px solid gainsboro')
    $('.item2').css('border-bottom','0px')
    $.ajax({
    url:"{{ url_for('view2_1') }}",
    success:function (res) {

        $('.view').html(res)
    }
})
})


$('.item2').click(function () {
  $('.item2').css('border-bottom','3px solid gainsboro')
    $('.item1').css('border-bottom','0px')
    $.ajax({
    url:"{{ url_for('view2_2') }}",
    success:function (res) {

        $('.view').html(res)
    }
})
})
</script>